<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div id="father">
        <div class="layer01"><img src="images/1.jpg" alt="" style="zoom: 20%;"></div>
        <div class="layer02"><img src="images/2.jpeg" alt="" style="zoom: 20%;"></div>
        <div class="layer03"><img src="images/3.jpeg" alt="" style="zoom: 20%;"></div>
        <div class="layer04">
            浮动的盒子可以向左浮动也可以向右浮动，直到它的外边缘碰到包含框或者另外一个浮动盒子为止。
        </div>
        <div class="clear"></div>
    </div>
</body>
</html>